// // 定义一个开关变量
var index = 0
// 获取显示的元素
var datails = document.getElementsByClassName("datail");
// 获取点击元素
var as = document.getElementsByClassName("a")
// console.log(as);
// console.log(datails);
// 默认一上来显示第一个列表
    datails[index].style.opacity =1 
    datails[index].style.top = 0 + 'px';
    for(let i=0; i < as.length; i++){
      as[i].onmouseenter = function(){
            datails[index].style.opacity = 0
          datails[index].style.top = -50 + 'px';
          datails[i].style.opacity = 1
          datails[i].style.top = 0
      }
      as[i].onmouseleave = function(){
            index = i
      }
    }